<div style="background:#000000" height="32px">
  <div>
    <div style="float: right">
      <img src="../assets/siemens-logo.jpg" height="32px">
    </div>
    <div style="float: left">
      <img src="../assets/logo.png" width="90px" height="32px">
    </div>
  </div>
  <div style="padding-top: 32px;">
    <!-- <div style="float: left"><i nz-icon nzType="right" nzTheme="outline"></i></div> -->
    <div id="relationChart1" style="background: #000000;" class="quarter-div" style="height:500px;width: 50%; border:1px solid #000;">
    </div>
    <div id="relationChart2" class="quarter-div" style="height:500px;width: 50%; border:1px solid #000;">
    </div>
    <div id="relationChart3" class="quarter-div" style="height:500px;width: 50%; border:1px solid #000;">
    </div>
    <div id="relationChart4" class="quarter-div" style="height:500px;width: 50%; border:1px solid #000;">
    </div>
  </div>
</div>
<div id="wrap">    <i nz-icon nzType="up" style="cursor: pointer;" nzTheme="outline" (click)="redirect()"></i><br/><span style="cursor: pointer;" (click)="redirect()">Explore Sensor's World</span></div>
<nz-modal [(nzVisible)]="isVisible" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" nzClosable="false" [nzFooter]=null>
  <img src="assets/recommendation_redundant_content.png">
</nz-modal>
<nz-modal [(nzVisible)]="isTwoVisible" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" nzClosable="false" [nzFooter]=null>
  <img src="assets/Recommendation_Replace_Content2.png">
</nz-modal>